<template>
  <div class="home-view">
    <swiper-container slides-per-view="3" speed="500" loop="true" css-mode="true">
      <swiper-slide>Slide 1</swiper-slide>
      <swiper-slide>Slide 2</swiper-slide>
      <swiper-slide>Slide 3</swiper-slide>
      ...
    </swiper-container>
  </div>
</template>
<script setup lang='ts' name="HomeView">
import { register } from 'swiper/element/bundle';
register()
</script>
<style lang='scss'>
  .home-view {
    width: 100%;
    height: 450px;
    background-color: aqua;
  }
</style>